main {
  width: 1020px;
  margin: 0 auto;
  border: solid 1px #ddd;
  overflow: hidden;
}
main article.hot {
  border: solid 2px red;
  overflow: hidden;
}
main article.hot section {
  width: 500px;
  height: 300px;
  background: #f3f3f3;
}
main article.hot section:nth-last-of-type(1) {
  float: left;
}
main article.hot section:nth-last-of-type(2) {
  float: right;
}
main article.goods {
  margin-top: 20px;
  border: solid 0px #f3f3f3;
}
main article.goods section.ad {
  height: 300px;
  width: 200px;
  background: red;
  float: left;
}
main article.goods section.lists {
  height: 300px;
  width: 820px;
  background: greenyellow;
  float: left;
}
main article.goods section.lists ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
main article.goods section.lists ul li {
  float: left;
  padding: 20px;
  width: 300px;
  width: 200px;
  height: 300px;
  background: #f3f3f3;
  border-right: solid 1px yellowgreen;
}
